<html >
    <!-- 
        TODO:
        -CheckBox: Requests aus allen tabs einfangen oder nur aus aktivem Tab
        -Button zum loeschen aller requests
    -->
	<head>
		<title>
            Request Forge
        </title>
        <link rel="stylesheet" href="jquery/themes/base/jquery.ui.all.css">
        <script src="jquery/jquery-1.7.2.js"></script>
	    <script src="jquery/ui/jquery.ui.core.js"></script>
	    <script src="jquery/ui/jquery.ui.widget.js"></script>
	    <script src="jquery/ui/jquery.ui.accordion.js"></script>
        <script src="jquery/ui/jquery.ui.button.js"></script>

        

	</head>
	<body style="width:750px;background-color:#FAFAFA;">
	    
        <h1>
		    Forge Requests:
	    </h1>

        <!--<form id = "radio_buttons_capturing">-->
        <div id="radio">
            <h2>Options:</h2>
		    <input type="radio" id="radio0" name="capturing" /><label for="radio0">Capture from all tabs</label>
		    <input type="radio" id="radio1" name="capturing" /><label for="radio1">Capture only from active tab</label>
		    <input type="radio" id="radio2" name="capturing" /><label for="radio2">Disable capturing</label>
            <button id="load_dump_button">Load dump</button>&nbsp;
            <input type="checkbox" id = "blocking_mode_button"></input><label for = "blocking_mode_button" id="blocking_mode_button_label">Blocking mode</label>
	    </div>

        <!--</form>-->
        <!-- Hier RadioButtons um auszuwaehlen ob Requests aus allen Tabs eingefangen werden sollen, nur aus aktivem Tab oder gar keine 
                TODO: Implementierung in background.xml
        -->
        
        
        <h2>Captured requests:</h2>
        <div>
            <input type="text" name="url_filter" id="url_filter" style="height:40px;font-size:large;"><button id="filter_button">Filter</button>
            <button id="reset_button" style="float:right;">Delete all captures</button>
            <button id = "dump_all_button" style = "float:right;">Dump all captures</button>
        </div>
        <br/>
        <div  id="accordion" style="font-size:large;">
        </div>
            
        <script type="text/javascript" src="mainscript.js">
	    </script>

	</body>
	
</html>
